<template>
<div>
    <van-grid :column-num="5">
    <van-grid-item v-for="value in classList" :key="value.id" :url='value.url' :icon="value.pic" :text="value.name" />
    </van-grid>
</div>
</template>

<script>
    import Vue from 'vue';
    import { Grid, GridItem } from 'vant';
    import {mapState} from 'vuex'
    Vue.use(Grid);
    Vue.use(GridItem);
    export default {
        data () {
            return {
            }
        },
        computed:{
            ...mapState('main',['classList'])
        },
    mounted () {
    }
}
</script>

<style lang='scss' scoped>
    div{
        margin-top:.2rem ;
        /* font-size: rem; */
    }
    .van-grid-item__text{
        font-size: .3rem ;
    }
</style>
